﻿<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 
<html>
<head>
<link rel="stylesheet" href="../style/custom.css" />
<link rel="stylesheet" type="text/css" href="../css/button.css" />
    <script language="javascript" type="text/javascript"> 
 setInterval("timer.innerHTML=new Date().toLocaleString()+'&nbsp;&nbsp;星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);      

</script>
<style type=text/css>
body { FONT-SIZE: 14px; FONT-FAMILY: "宋体" }
OL LI { MARGIN: 8px }
#tagContent {  PADDING-RIGHT: 1px; BORDER-TOP: #aecbd4 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #aecbd4 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #aecbd4 1px solid; }
.tagContent { position:absolute; top:70px; DISPLAY: none;  WIDTH: 98.5%;   HEIGHT: 540px }
#tagContent DIV.selectTag { DISPLAY: block }
div.header{position:absolute;z-index:22; background:url(../images/top-1.png) repeat; width:100%}
div.timer{position:absolute;z-index:22;right:15%; top:22px;}
</style>
</head>
<body>
<div class="header">
<div class="container">
		  <div class="wrapper-demo">
					<div id="dd" class="wrapper-dropdown-5" ><%=(String) request.getSession().getAttribute("user") %>
						<ul id="tags" class="dropdown">
							<li class=selectTag><a onclick="selectTag('tagContent0',this)" href="javascript:void(0)"><i></i>用户列表</a></li>
                                                      <li><a href="../login.jsp"><i class="icon-remove"></i>安全退出</a></li>
						</ul>
					</div>
				</div>
			
		</div>
</div>
<div id="timer" class="timer" align="center"></div>

  <div id=tagContent>
    <div class="tagContent  selectTag" id="tagContent0" ><c:import url="../Admin/listUser.jsp"/></div>
  </div>
  <script type=text/javascript>
function selectTag(showContent,selfObj){
 // 操作标签
 var tag = document.getElementById("tags").getElementsByTagName("li");
 var taglength = tag.length;
 for(var i=0; i<taglength; i++){
  tag[i].className = "";
 }
 selfObj.parentNode.className = "selectTag";
 // 操作内容
 for(var i=0; j=document.getElementById("tagContent"+i); i++){
  j.style.display = "none";
 }
 document.getElementById(showContent).style.display = "block";
}
</script>
		<script type="text/javascript">
			function DropDown(el) {
				this.dd = el;
				this.initEvents();
			}
			DropDown.prototype = {
				initEvents : function() {
					var obj = this;
					obj.dd.on('click', function(event){
						$(this).toggleClass('active');
						event.stopPropagation();
					});	
				}
			};
			$(function() {
				new DropDown( $('#dd') );
				$(document).click(function() {
					$('.wrapper-dropdown-5').removeClass('active');
				});
			});

		</script>

</body>
</html>
